<div class="col-md-2 col-md-offset-2 main">
  <div class="form-group">
    <h3>按端口状态</h3>
    <div class="input-group">
      <select ng-model="portState" class="form-control">
        <option value="all" ng-selected="true">all</option>
        <option value="open">open</option>
        <option value="closed">closed</option>
        <option value="filtered">filtered</option>
      </select>                 
    </div>
  </div>
</div>

<div class="col-md-6 main">

    <ol class="breadcrumb" >
      <li ng-repeat="nav in navs"><a ng-href="#{{nav.href}}">{{nav.label}}</a></li>
    </ol>

  <table class="table table-hover">
    <thead>
      <tr>
        <th>端口</th>
        <th>端口状态</th>
        <th>服务</th>
      </tr>
    </thead>
    <tbody>
      <tr ng-repeat="port in host.ports|portFilter:{f:'state',m: portState}" >      
        <td>{{port.port}}</td>
        <td>{{port.state}}</td>
        <td>{{port.service}}</td>
      </tr>
    </tbody>
  </table>
</div>

